<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css"/>
		<style type="text/css">
			span{
				color: yellow;
			}
		</style>
	</head>
	<body>
		<button type="button" class="btn btn-danger">按钮</button>
		<button type="button" class="btn btn-success">按钮</button>
		<button type="button" class="btn btn-warning">按钮</button>
		<button type="button" class="btn btn-dark">按钮</button>
		<button type="button" class="btn btn-secondary">按钮</button>
		<button type="button" class="btn btn-info">按钮</button>
		<button type="button" class="btn btn-primary">按钮</button>
		<button type="button" class="btn btn-light">按钮</button>
		<h1>利用字体图标美化按钮</h1>
		<a href="#" class="btn btn-danger"><span class="fa fa-apple"></span>注册账号</a>
	</body>
</html>
